@import './common';

.model-warp {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1002;

	.mask {
		position: absolute;
		width: 100%;
		height: 100%;
		background: rgba(0, 0, 0, 0.4);
		z-index: 999;
	}

	.container {
		position: absolute;
		display: flex;
		width: 100%;
		height: 100%;

		.box {
			position: relative;
			right: (-250/750)*100%;
			z-index: 10000;
			width: (382/750)*100%;
			background-color: #2d2d2d;
			transition:all 0.3s linear;

			.model-list{
				width: 100%;
				height: 100%;

				.screen-model{
					width: 100%;
					height: 100%;
					box-sizing:border-box;
					padding-bottom: setSize(160);
					overflow-y: auto;
				}

				.foot-wrap{
					width: 100%;
					height: setSize(90+90+90);

					.btns-box{
						position:absolute;
						bottom: 0;
						width: 100%;
						z-index: 999;
						box-sizing: border-box;
						padding: setSize(55) setSize(55);
						background-color:#1f1f1f;
					}

					.foot-border{
						// border-top:setSize(1) solid #EAEBEE;						
					}
				}

				.btns{
					border-radius: setSize(200);
					border:setSize(2) solid $mainColor;
					// color: #fff;
					// box-shadow: setSize(0) setSize(0) setSize(20) #ddd;

					.btn{
						box-sizing:border-box;
						line-height: setSize(60);
						font-size: setSize(30);
						font-weight: 400;
						text-align: center;
					}

					.reset{
						color: $mainColor;
						border-top-left-radius: setSize(200);
						border-bottom-left-radius: setSize(200);
						// border:setSize(1) solid $mainColor;
					}

					.submit{
						color: #333333;
						background-color:$mainColor;
						border-top-right-radius: setSize(200);
						border-bottom-right-radius: setSize(200);
					}
				}
			}
		}
	}
}